<template>
  <div class="home">
    {{msg}}
    
    <!-- 用子 使用子组件 -->
    <h1>这个输入框是子组件的,用来动态接收父组件的数据！传入子组件</h1>
    <inputmy :type1="text" value1="value1" @sonMethod="fatherMethod"></inputmy>
    <h1>下面输出子组件中的数据！</h1>
    {{mysonValue}}
  </div>
</template>

<script>
// @ is an alias to /src

//声子 声明子组件
import son1 from '@/components/son1'
export default {
  data() {
    return {
      msg: "hello蜗牛学院",
      mysonValue:"子组件传来的值，默认！"//这个值将会被子组件所修改
    }
  },
  name: 'Home',
  //vue的属性，components 组件的配置点
  components: {
    //挂子 挂载子组件
    inputmy:son1
  },
  methods: {
    //父组件的方法，data是子组件传来的值的形参
    fatherMethod(data) {
      console.log(data);
      //修改父组件的data值
      this.mysonValue=data
    }
  },
}
</script>
